<template>
  <div>
    <Title :title="'创建信息'" font-size="16px" style="margin:8px 0 16px 0">
      <div class="tip">说明：以下内容自动生成，无法修改</div>
    </Title>
    <el-form :disabled="true" :label-position="showMobilePage ? 'left' : 'right'" label-width="100px" class="lineHeight32">
      <div>
        <el-row type="flex" class="response-create-row">
          <el-col :span="12" class="responsive-col-lg-8 el-col-12">
            <el-form-item label="创建人" prop="createName">
              <el-input
                v-model="info.createName"
                :maxlength="50"
                :type="'text'"
                name="createName" />
            </el-form-item>
          </el-col>
          <el-col :span="12" class="responsive-col-lg-8">
            <el-form-item label="所属部门" prop="department">
              <el-input
                v-model="info.department"
                :maxlength="50"
                :type="'text'"
                name="department" />
            </el-form-item>
          </el-col>
          <el-col :span="12" class="responsive-col-lg-8">
            <el-form-item label="系统ID" prop="systemId">
              <el-input
                v-model="info.systemId"
                :type="'text'"
                name="systemId" />
            </el-form-item>
          </el-col>
        </el-row>
      </div>
    </el-form>
  </div>
</template>
<script>
import Title from '@/components/Title';
export default {
  components: {
    Title
  },
  props: {
    info: {
      type: Object,
      default: null
    },
    showMobilePage: {
      type: Boolean,
      default: false
    }
  }
};
</script>
<style lang="scss" scoped>
.tip {
  font-size:12px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:rgba(153,153,153,1);
  line-height:14px;
  margin-left: 8px;
  margin-top: 4px;
}
</style>
